<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ include file="/views/common/includeCommon.jsp"%>
<c:set var="imgUrlKh" value="${ctx}/static/temp_pic/${imgUrlKh}"/>
<c:set var="imgUrlQk" value="${ctx}/static/temp_pic/${imgUrlQk}"/>
<!DOCTYPE html>
<html lang="en_US">
    <head>
        <title>科目答卷截图列表</title>
        <script type="text/javascript" src="${ctx}/assets/jqueryplugin/jquery-migrate/jquery-migrate-1.4.1.js"></script>
        <script type="text/javascript" src="${ctx}/assets/jquery/browser.js"></script>
        <script type="text/javascript" src="${ctx}/assets/jqueryplugin/jquerycrop/jquery.imagezoom.js"></script>
        <script type="text/javascript">
        	var multiple = '${multiple}';
        	var current = parseInt('${current}');
            var total = parseInt('${totalPage}');
            var batchId = '${batchId}';
            var gradeNo = '${gradeNo}';
            var courseNo = '${courseNo}';
            var previousPage = '${previousPage}';
            var nextPage = '${nextPage}';
            var id = '${id}';
            var fileName = '${fileName}';
        </script>
        <link rel="stylesheet" type="text/css" href="${ctx}/static/css/manage/style.css"/>
        <script type="text/javascript" src="${ctx}/static/js/manage/examPaper/correction.js"></script>
        <style type="text/css">
			label {
			    font-weight: normal;
			    color: #ffffff;
			}
			.fa {
			    display: inline-block;
			    font-family: FontAwesome;
			    font-style: normal;
			    font-weight: normal;
			    line-height: 1;
			    -webkit-font-smoothing: antialiased;
			    font-size: 16px;
			    -moz-osx-font-smoothing: grayscale;
			}
			.fa:hover {
			    display: inline-block;
			    font-family: FontAwesome;
			    font-style: normal;
			    font-weight: normal;
			    line-height: 1;
			    font-size: 16px;
			    color : #ef7309;
			}
			.radio-inline, .radio-inline+.radio-inline, .checkbox-inline, .checkbox-inline+.checkbox-inline {
			    margin-right: 0px !important;
			    margin-top: 5px !important;
			    margin-left: 22px !important;
			    margin-bottom: 10px !important;
			}
        </style>
    </head>
    <body>
    	<div>
    		<c:choose>
				<c:when test="${empty pagination.datas}">
					<h5 style="margin: 15px;"><spring:message code="app.common.title.nodata"/></h5>
				</c:when>
				<c:otherwise>
					<div class="pinned" style="z-index: 100;">
						<div class="pin_container">
							<div style="margin-top: 10px;margin-bottom: 10px;line-height: 25px;">
								<span style="float: left;text-align: right;margin-right:5px;"><spring:message code="app.examPaper.title.ksbh"/></span>
								<input style="width:130px;float: left;color: #000;" id="ksbh_input" maxlength="20"
									placeholder="<spring:message code="app.examPaper.placeholder.ksbh" />">
								 <div style="clear:both;height:0;width:0"></div>
							</div>
							<div>
								<span style="float: left;text-align: right;margin-right:5px;"><spring:message code="app.examPaper.title.sfqk"/></span>
                                <label class="radio-inline">
									<input type="radio" class="square-black" value="1" name="sfqk">
									<spring:message code="app.common.dict.YesOrNo.YES"/></input>
								</label>
								<label class="radio-inline" style="padding-left: 10px;">
									<input type="radio" class="square-black" value="0" name="sfqk" checked>
									<spring:message code="app.common.dict.YesOrNo.NO"/></input>
								</label>
								<div style="clear:both;height:0;width:0"></div>
							</div>
							<div style="margin-top: 10px;text-align: center;">
								<input type="hidden" id="picSizeCount" value="10"/>
								<input type="button" class="btn btn-primary btn-submit" value="<spring:message code="app.common.action.save" />"/>
							</div>
						</div>
					</div>
					<div class="box1">
						<div class="tb-booth1">
							<img id="oImage" class="jqzoom1" title="<spring:message code="app.common.image.placeholder.zoomPicture"/>" onmousewheel="return zoomPicture();" 
								src="${imgUrlKh}" rel="${imgUrlKh}"/>
							<img id="oImage1" class="jqzoom1" title="<spring:message code="app.common.image.placeholder.zoomPicture"/>" onmousewheel="return zoomPicture();" 
								src="${imgUrlQk}" rel="${imgUrlQk}"/>
							<span class="right_span1"></span>
						</div>
						<div>
							<div class="one-position-oper1">
								<a class="fa fa-minus" href="javascript:void(0);" title="<spring:message code="app.common.image.minus"/>">&nbsp;</a>
								<span id="oCounter" class="counterText">100%</span>
								<a class="fa fa-plus" href="javascript:void(0);" title="<spring:message code="app.common.image.plus"/>">&nbsp;</a>
							</div>
						</div>
						<div class="div_yjnr">
							<span style="font-weight: bold;">当前【${current}】/共【${totalPage}】份</span>
						</div>
						<div class="div_button">
							<c:if test="${current > 1}">
								<button class="btn btn-primary btn-first">
									<i class="fa fa-step-backward"></i>&nbsp;<spring:message code="app.common.pagination.first" />
								</button>
								<button class="btn btn-primary btn-previous">
									<i class="fa fa-backward"></i>&nbsp;<spring:message code="app.common.pagination.previous" />
								</button>
							</c:if>
							<c:if test="${current != totalPage}">
								<button type="button" class="btn btn-primary btn-next">
							   		<i class="fa fa-forward"></i>&nbsp;<spring:message code="app.common.pagination.next" />
							   	</button>
							   	<button type="button" class="btn btn-primary btn-last">
							   		<i class="fa fa-step-forward"></i>&nbsp;<spring:message code="app.common.pagination.last" />
							   	</button>
							</c:if>
						</div>
					</div>
				</c:otherwise>
			</c:choose>
    	</div>
    </body>
</html>